import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import AutoImport from "unplugin-auto-import/vite";
import Components from "unplugin-vue-components/vite";
import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
import { resolve } from 'path'

// https://vitejs.dev/config/

export default defineConfig({
    base: '/',
    resolve: {
        // 配置路径别名
        alias: [
            {
                find: '~src',
                replacement: resolve(__dirname, 'src')
            }
        ]
    },
    css: {
        preprocessorOptions: {
            scss: {
                // 两种方式都可以
                additionalData: '@import "~src/assets/css/global.scss";',
            },
        },
    },
    plugins: [
        vue(),
        AutoImport({
            resolvers: [ElementPlusResolver()],
        }),
        Components({
            dirs: ['src/components'],
            resolvers: [ElementPlusResolver()],
        }),
    ],
    server: {
        hmr: true,
        host: "localhost",
        port: 3000,
        open: true, // 自动打开浏览器
        // proxy: "https://sug.so.360.cn", 这个接口必须跨域
        // 可以直接设置跨域的地址
        proxy: {
            // https://interface.sina.cn/news/wap/fymap2020_data.d.json?_=1580892522427
            "/api": {
                target: " https://interface.sina.cn", // 疫情的数据需要进行处理
                changeOrigin: true, //允许跨域
                rewrite: (path) => path.replace(/^\/api/, '')
            },
        },
        //  不是所有的接口都要跨域 也可以给需要跨域的接口起一个识别的名字  
        // 只有前面带/api的接口才会跨域 其他的接口正常访问
    },
});
